 *{margin:0px;padding:0px;}

 #content{
   position:absolute;
   width:100%;
   height:100%;
   overflow: hidden;
 }

 ul{list-style: none;width:300%;height:100%;}
 li{float:left;overflow: hidden;position: relative;}

 /*boy*/
 .content-boy {
        width: 151px;
        height: 291px;
        background:url('../images/boy.png') 0px -291px no-repeat;
        position: absolute;
        /* 设置一个元素的坐标 */
        left: 6%;
        top: 55%;
        z-index: 20;
 }

 .dynamic{
   animation:dynamic_a 780ms infinite steps(1,start);
   -webkit-animation:dynamic_a 780ms infinite steps(1,start);
   -moz-animation:dynamic_a 780ms infinite steps(1,start);
   /*animation-duration: 950ms;
    animation-iteration-count: 1;
    animation-timing-function: steps(1, start);
    */
 }
 @keyframes dynamic_a{
   	0% {background-position:0px -291px;}25% {background-position:-151px -291px;}50% {background-position:-302px -291px;}
 	  75% {background-position:-151px -291px;}100% {background-position:0px -291px;}
 }
  @-webkit-keyframes dynamic_a{
    0% {background-position:0px -291px;}25% {background-position:-151px -291px;}50% {background-position:-302px -291px;}
    75% {background-position:-151px -291px;}100% {background-position:0px -291px;}
 }
  @-moz-keyframes dynamic_a{
    0% {background-position:0px -291px;}25% {background-position:-151px -291px;}50% {background-position:-302px -291px;}
    75% {background-position:-151px -291px;}100% {background-position:0px -291px;}
 }


 @keyframes haveFlower{
    0% {background-position:-302px 0px;}25% {background-position:-906px 0px;}50% {background-position:-302px 0px;}
    75% {background-position:-906px 0px;}100% {background-position:-302px 0px;}
 }

 @keyframes boyRotate{
   0%  {
           background-position: -603px -291px;
       }
       16.7% {
           background-position: -150px -0px;
       }
       33.4% {
           background-position: -453px -291px;
       }
       50.1% {
           background-position: -0px -0px;
       }
       66.8% {
           background-position: -903px -291px;
       }
       83.5% {
           background-position: -753px -291px;
       }
       100% {
           background-position: -603px -291px;
       }
}


.static{
   animation-play-state:paused;
   -webkit-animation-play-state:paused;
   -moz-animaition-play-state:paused;
}
